
export default {
  data() {
    return {
      // queryParams在localStorage中保存的key，默认为“组件名.queryParams”，需要自己在data中定义
      // queryParamsLocalStorageKey: 'queryParams'
    }
  },
  created() {
    // 创建后，从localStorage中读取queryParams，key为data中的定义
    const storedParams = localStorage.getItem(this.queryParamsLocalStorageKey)
    if (storedParams) {
      // 如果有，就用localStorage中的queryParams
      this.queryParams = JSON.parse(storedParams)
    } else {
      // 如果没有，就用默认值
      this.resetQueryParams()
    }
  },
  watch: {
    // 一旦queryParams变化，就存储到localStorage中，key为data中的定义
    queryParams: {
      handler() {
        localStorage.setItem(this.queryParamsLocalStorageKey, JSON.stringify(this.queryParams))
      },
      deep: true,
    },
  },
}
